<template>
    <div class="app-container">
        <levelbar></levelbar>
        <declaration-list v-if="roleType == '2' || roleType == '1'"></declaration-list>
        <copywritingList v-if="roleType == '5'"></copywritingList>
    </div>
</template>

<script>
import Levelbar from '../layout/Levelbar';
import declarationList from './comps/declarationList';
import copywritingList from './comps/copywritingList';
import { mapGetters } from 'vuex';
export default {
    name: 'classDeclaration',
    components: { Levelbar, declarationList, copywritingList},
    data() {
        return {

        }
    },
    computed: {
        ...mapGetters([
            'uid',
            'schoolId',
            'schoolName',
            'schoolType',
            'roleType'
        ])
    }
}
</script>

<style lang="scss" scoped>
.app-container {
    position: relative;
    padding: 20px 20px 10px;
}
</style>